
// 头部
/* 变量 和 宏 */
@import "./variable.less";
.header{
    background-color: #3671cf; height: 90px;
    .head-top{
        width: @docMinWidth; margin: 0 auto; height: 100%;
        .logo{
            display: block; width: 258px; height: 100%;
            background: url(../images/logo.png) no-repeat center; float: left;
        }
        .search-box{
            width: 345px; height: 50px;
            margin: 20px 0 20px 270px; float: left; position: relative;
            input[type="text"]{
                border: none; width: 228px; height: 100%; line-height: 50px; outline: 0;
                padding: 0 95px 0 22px; background: #fff;
                .border-radius(25px);
            }
            .search-btn{
                display: block; width: 91px; line-height: 46px;
                position: absolute; top: 2px; right: 2px;
                text-align: center; color: #ffffff; background: #3671cf;
                .border-radius(25px);
            }
            a{
                text-decoration: none;
            }
        }
        .login-list{
            overflow: hidden; float: right;
            margin-right: 20px;
            li{
                float: left;
                a{
                    color: #fff; font-size: 12px; line-height: 90px;
                }
                .login-btn:after{
                    content: '|'; margin: 0 6px;
                }
            }
        }
    }
}
